<!-- find me in partials/small_chat -->

<div class="box">
  <div class="box-header">
    <div class="title">Chat box</div>
  </div>

  <div class="box-content">

    <ul class="chat-box">

      <ul class="chat-box">

        <li class="arrow-box-left">

          <div class="avatar"><%= image_tag 'avatars/avatar1.jpg', class: 'avatar-small' %></div>
          <div class="info">
            <span class="name"><strong>Michael</strong> <span class="badge badge-blue">designer</span></span>
            <span class="time">8 minutes ago</span>
          </div>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

        </li>

        <li class="divider"></li>

        <li class="arrow-box-right gray">
          <div class="avatar"><%= image_tag 'avatars/avatar2.jpg', class: 'avatar-small' %></div>
          <div class="info">
            <span class="name"><strong>Alex</strong> <span class="badge badge-gray">developer</span></span>
            <span class="time">3 minutes ago</span>
          </div>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </li>

      </ul>

    </ul>
  </div>

  <p class="note text-center">Last message received at 14:55</p>

  <hr class="divider">

  <div class="box-footer flat padded">
    <!-- chat send message module. you can use it with or without a form/submit button or just a link -->
    <form>
      <div class="input-append">
        <input type="text" placeholder="Standard bootstrap append input here"/>
        <ul class="add-on">
          <li>
            <a href="#"><i class="icon-paper-clip"></i></a>
          </li>
          <li>
            <button class="btn btn-blue">Send</button>
          </li>
        </ul>
      </div>
    </form>
  </div>
</div>

